<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Banjar | Login</title>
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
        <link rel="icon" href="/favicon.ico" type="image/x-icon">
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    </head>
    
	<style type="text/css">
		body {
			background-color: #291917;
			margin: 0;
			padding: 0;
			font-family: "Helvetica";
			line-height: 150%;
			font-size: 10pt;
		}
		#container {
			width: 21cm;
			/*height: 14cm;*/
			margin: 30px auto;
			padding: 10px;
			background-color: white;
			-webkit-box-shadow: 0px 0px 5px 0px #CCC;
			-moz-box-shadow:    0px 0px 5px 0px #CCC;
			box-shadow:         0px 0px 5px 0px #CCC;
		}
		#header {
			position: relative;
		}
		#header-top {
			text-align: center;
			font-size: 16px;
			margin-bottom: 5px;
			font-weight: bold;
			line-height: 1.3;
		}
		#header-bottom {
			font-size: 14px;
			text-align: center;
			padding: 5px;
			border-bottom: 3px solid #000;
		}
		#logo {
			position: absolute;
			top: 0;
			left: 30px;
		}
		#logo img {
			max-width: 65px;
			max-height: 65px;
		}
		#body {
			padding-left: 20px;
			padding-right: 20px;
			font-size: 10pt;
		}
		#footer {
			margin-top: 40px;
		}
		h4 {
			text-align: center;
			text-decoration: underline;
			font-weight: normal;
			margin-bottom: 5px;
		}
		h5 {
			text-align: center;
			font-weight: normal;	
			margin-top: 0;
		}
		p > span {
			margin-left: 50px;
			min-width: 160px;
			display: inline-block;
		}
		#ttd_kelihan, #ttd_kaling {
			float: left;
			width: 340px;
			padding-left: 50px;
		}
		.divider {
			min-width: 15px;
			margin-left: 0;
		}
		.upper-text {
			text-transform: uppercase;
		}
		.mini-span {
			margin: 0;
			min-width: 0;
			display: inline;
		}
		.ttd {
			min-height: 70px;
		}
		.ttd img{
			max-height: 65px;
		}
		/*@media print {
			#container {
				margin-top: 0;
			}
		}*/
	</style>

	<body>
		{{Form::hidden('provinsi_id', $kipem->provinsi_id, array('id'=>'provinsi_id'))}}
		<?php 
			if ($kipem->satuan_berlaku == '1') {
				$satuan_display = 'hari';
			}elseif($kipem->satuan_berlaku == '2'){
				$satuan_display = 'bulan';
			}else{
				$satuan_display = 'tahun';
			}
		?>
		<div id="container">
			<div id="header">
				<div id="header-top">
					<div id="logo">
						@if(isset($lingkungan->logo_kop_surat) && $lingkungan->logo_kop_surat != "" && File::exists(public_path() . Lingkungan::$logoPath . $lingkungan->logo_kop_surat))
							<img src="{{ URL::asset(Lingkungan::$logoPath . $lingkungan->logo_kop_surat) }}" class="img-logo" alt="Logo Kop Surat" width="150" data-filename="{{ $lingkungan->logo_kop_surat }}">
						@else
							<img src="{{ URL::asset('/') }}img/img-not-found.jpg" class="img-logo" alt="Logo Kop Surat" width="150" data-filename="">
						@endif
					</div>
					PEMERINTAH KELURAHAN <span class="mini-span upper-text">{{$lingkungan->kelurahan}}</span><br>
					LINGKUNGAN <span class="mini-span upper-text">{{$lingkungan->nama}}</span>
				</div>		
				<div id="header-bottom">
					Alamat: Jalan Raya Kuta No.12B 
					<span style="min-width: 20px"></span>
					Telpon: {{$lingkungan->telp_ling}}
				</div>
			</div>
			<div id="body">
				<h4>SURAT PENGANTAR PERPANJANGAN KIPEM</h4>
				<h5>Nomor: {{ $kipem->nomor}}</h5>
				<p style="text-indent: 50px;">
					Yang bertanda tangan dibawah ini Kepala Lingkungan {{$lingkungan->nama}}, Kelurahan {{$lingkungan->kelurahan}}, Kecamatan {{$lingkungan->kecamatan}}, Kabupaten {{$lingkungan->kabupaten}}, dengan ini menerangkan bahwa:
				</p>
				<p>
					<span>No. KTP</span><span class="divider">:</span>{{$kipem->no_ktp}}<br>
					<span>Nama</span><span class="divider">:</span>{{$kipem->nama}}<br>
					<span>Pekerjaan</span><span class="divider">:</span>{{$kipem->nama_pekerjaan}}<br>
					<span>Pendatang dari</span><span class="divider">:</span>{{$kipem->alamat}}<br>
					<span>Kabupaten/Kecamatan</span><span class="divider">:</span>{{$kipem->nama_kabupaten}} / {{$kipem->nama_kecamatan}}<br>
				</p>
				<p style="text-indent: 50px;">
					Memang benar orang yang namanya tersebut diatas masa berlaku KIPEM nya sudah berakhir dan memenuhi syarat untuk dapat diperpanjang lagi untuk waktu {{$kipem->lama_berlaku.' '.$satuan_display}}.
				</p>
			</div>
			<div id="footer">
				<div id="ttd_kelihan">
					<div>Mengetahui,</div>
					<div>Kelihan {{$lingkungan->kelurahan}}</div>
						<div class="ttd">
							@if(isset($lingkungan->ttd_keldat) && $lingkungan->ttd_keldat != "" && File::exists(public_path() . Lingkungan::$ttdPath . $lingkungan->ttd_keldat))
		                        <img src="{{ URL::asset(Lingkungan::$ttdPath . $lingkungan->ttd_keldat) }}" class="img-ttd-keldat" alt="TTD Kepala Dat" width="150" data-filename="{{ $lingkungan->ttd_keldat }}">
		                    @else
		                        <img src="{{ URL::asset('/') }}img/img-not-found.jpg" class="img-ttd-keldat" alt="Logo TTD Kepala Dat" width="150" data-filename="">
		                    @endif
						</div>
					<div>( {{$lingkungan->kepala_desa}} )</div>
				</div>
				<div id="ttd_kaling">
					<div>{{$lingkungan->kecamatan}},</div>
					<div>Kepala Lingkungan {{$lingkungan->nama}}</div>
						<div class="ttd">
		                    @if(isset($lingkungan->ttd_kepling) && $lingkungan->ttd_kepling != "" && File::exists(public_path() . Lingkungan::$ttdPath . $lingkungan->ttd_kepling))
		                        <img src="{{ URL::asset(Lingkungan::$ttdPath . $lingkungan->ttd_kepling) }}" class="img-ttd-kepling" alt="TTD Kepala Lingkungan" width="150" data-filename="{{ $lingkungan->ttd_kepling }}">
		                    @else
		                        <img src="{{ URL::asset('/') }}img/img-not-found.jpg" class="img-ttd-kepling" alt="Logo TTD Kepala Lingkungan" width="150" data-filename="">
		                    @endif
						</div>
					<div>( {{$lingkungan->kepala_lingkungan}} )</div>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
	</body>
</html>
